Allows you to set width, height, color, alignment, border colors, column span, and row span for individual cells in a table. To display the <TD>
Property Page, open the Document Outline window and select the appropriate <TD>
node, then choose Property Pages from the View menu.
Background color
Specifies the same background color for all cells in a table. To change or remove the background color for a single cell, place the insertion point in the cell in Design View, open the <TD> Property Pages dialog box, and change the value in the Background Color field. You can select a color name from the popup list or click the adjacent ellipse (...) button to display the Color Picker Dialog Boxand choose additional colors.
Alignment
Specifies how the text in a cell is aligned with its border. To change or remove the alignment option for individual cells, place the insertion point in the cell in Design View, open the <TD> Property Pages dialog box, and change the values in the Horizontal Alignment and Vertical Alignment fields. When you specify an alignment option, the appropriate value is added to within the selected <TD></TD>
tag.
Horizontal
Option | Alignment |
---|---|
Center | Cell contents are centered horizontally in the cell. Adds align=middle to the <TD> tag. |
Left | Cell contents are flush with the left border. Adds align=left to <TD></TD> tag. |
Right | Cell contents are flush with the right border. Adds align=right to the <TD> tag. |
Vertical
Option | Alignment |
---|---|
Baseline | Aligns cell contents with the baseline of the text in the cell. Adds vAlign="baseline" to the <TD> tag. |
Bottom | Aligns cell contents with the bottom of the cell. Adds vAlign="bottom" to the <TD> tag. |
Middle | Aligns cell contents with the middle of the cell. Adds vAlign="middle" to the <TD> tag. |
Top | Aligns cell contents with the top of the cell. Adds vAlign="top" to the <TD> tag. |
Height
Indicates the minimum height of the cell in pixels. For example, if you enter 10 in the Height field, height=10
to the <TD>
tag.
Width
Sets the width of the cell. Choose a unit (percent or pixel) for width in the adjacent list. For example, if you enter 10 in the width field and select percent in the unit option field, width="10%"
to the <TD>
tag.
Columns
Specifies the number of columns that the cell extends across the table. For example, if you enter 2 in the Columns Span field, colSpan=2 is added to the <TD>
tag. As a result, the cell spans from the current column and across the adjacent cell to its right.
Rows
Sets the number of rows that the cell extends down in the table. For example, if you enter 2 in the Rows Span field, rowSpan=2 is added to the <TD>
tag. As a result, the cell spans from the current row down across the adjacent cell below.
Color
Specifies a solid border color for the cell. Select a color name from the list, or choose a color from the Color Picker dialog box. If Highlight and Shadow are set, the Color setting is ignored.
Note To enable border color, highlight, and shadow, you must set the targetSchema to HTML 4.0.
Highlight
Sets the color for the bottom and right sides of the cell. Select a color from the list, or choose a color from the Color Picker dialog box. Use this option with the Shadow option to create the appearance of a three-dimensional table cell.
Shadow
Sets the color for the top and left sides of the cell. Select a color from the list, or choose a color from the Color Picker dialog box. Use this option with the Highlight option to create the appearance of a three-dimensional table cell.
Note Use a light color for Highlight and a dark color for Shadow to maximize the three-dimensional appearance.
Wrap text
Specifies whether text is wrapped within a cell's borders. If cleared, all text in each cell appears on the same line and noWrap
is added within all <TD>
tags. If selected, the browser automatically wraps the text in each cell. After the table has been created, you can change or remove the wrap
option for each cell individually.